<script setup>
import AppHeader from './components/AppHeader.vue';
import CommentPane from './components/CommentPane.vue';
import TodoList from './components/TodoList.vue';
</script>

<template>
  <div>
    <!--标题-->
    <AppHeader/>
    <div class="main">
      <!--待办清单-->
      <TodoList />
      <!--注释区-->
      <CommentPane />
    </div>
  </div>
</template>

<style scoped>
.main {
  display: flex;
  flex-direction: row;
}
</style>
